/* 初始化代码,单独文件 */

body,
div,
span,
p,
a,
input,
img,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
del,
ins,
i,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: none;
    vertical-align: middle;
}

input {
    border: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

i {
    font-style: normal;
}

body {
    font: 12px/170% "微软雅黑";
}

#app {
    width: 100vw;
    height: 100vh;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

// 滚动条
* {
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
        width: 4px;  /*滚动条宽度*/
        height: 4px;  /*滚动条高度*/
    }
    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        border-radius: 2px;  /*滚动条的背景区域的圆角*/
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #f0f0f0;/*滚动条的背景颜色*/
    }
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        border-radius: 2px;  /*滚动条的圆角*/
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #c0c0c0;  /*滚动条的背景颜色*/
    }
}